<template>
	<view class="box">
		<view class="one">
			欢迎来到车联网服务平台商家端
			
		</view>
		<view class="two">
			<view class="four">
				<input type="text" maxlength="11" placeholder="手机号登录" placeholder-class="color1"/>
			</view>
			<view class="five">
				<input type="text" maxlength="4" placeholder="输入验证码" placeholder-class="color2"/>
			</view>
		</view>
		<view class="three">
			<image src="../../../static/组 6(1).png" style="height: 220rpx; width: 320rpx;"></image>
			<view class="six"><text style="font-size: 30rpx;">获取验证码</text></view>
		</view>
		<text class="seaven" @click="zhuce">
			立即注册ᐳ
		</text>
		
		<button>登录</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			zhuce(){
				uni.redirectTo({
					url: "/pages/lcl-DengLuZhuCe/zhuce/zhuce"
				})
			}
		}
	}
</script>

<style scoped>
	.box{
		height: 1200rpx;
		/* background-color: aquamarine; */
		
	}
.one{
	height: 400rpx;
	background-image: url('../../../static/组 6.png');
	color: white;
	font-size: 40rpx;
	box-sizing: border-box;
	padding-top: 100rpx;
	text-align: center;
	letter-spacing: 3rpx;
	/* background-color: aqua; */
	
}
.two{
	height: 600rpx;
	width: 100%;
	background-color: white;
	border-radius: 10% 10% 0 0;
	top: -50rpx;
	position: absolute;
	top: 350rpx;
	box-sizing: border-box;
	padding: 130rpx 80rpx 0;
}
.three{
	/* z-index: 1000; */
	position: absolute;
	top: 200rpx;
	left: 200rpx;
}
.color1, .color2{
	color: #cdcdcd;
	font-size: 30rpx;
	letter-spacing: 3rpx;
}
.four, .five{
	/* background-color: aqua; */
	padding: 5rpx 10rpx 10rpx;
	border-bottom: 1rpx solid #d3d3d3;
}
.five{
	margin-top: 50rpx;
}
.five input{
	width: 260rpx;
	/* background-color: aqua; */
}
.six{
	float: right;
	margin-top: 375rpx; 
	color: white; 
	background-color:  #1e6dff; 
	width:200rpx;
	height:70rpx; 
	border-radius: 30rpx; 
	margin-left: -50rpx;
	text-align: center;
	line-height: 70rpx;
	
} 
.seaven {
    color: #1551d3;
    cursor: pointer;
    top: 280rpx; /* 增加上方间距 */
    font-size: 28rpx; /* 设置合适的字体大小 */
	/* float: left; */
	/* display: block; */
	position: relative;
	left: 80rpx;
	
}

.box button{
	background-color: #1551d3;
	width: 600rpx;
	color: white;
	letter-spacing: 3rpx;
	border-radius: 50rpx;
	margin-top: 330rpx;
}
</style>
